import React, { Component } from 'react'
import axios from 'axios'
// 7.默认配置
axios.defaults.baseURL = "https://httpbin.org";
axios.defaults.timeout = 5000;
axios.defaults.headers.common["token"] = "dafdafadfadfadfas";

export default class App extends Component {
  constructor(props) {
    super(props)
    this.state = {
       products: []
    }
  }
  
  componentDidMount() {
    // 拿到数据
    // this.setState({
    //   products: [...this.state.products]
    // })
    // 1.axios发送基本的网络请求_get
    // axios({
    //   url: "https://httpbin.org/get",
    //   params: {
    //     name: "yz",
    //     age: 18
    //   }
    // }).then(res => {
    //   console.log(res)
    // }).catch(err => {
    //   console.log(err)
    // })

    // axios({
    //   url: "https://httpbin.org/post",
    //   params: {
    //     name: "yz",
    //     age: 20
    //   },
    //   method: "post"
    // }).then(res => {
    //   console.log(res)
    // }).catch(err => {
    //   console.log(err)
    // })
    console.log("你好")
    // axios.get("https://httpbin.org/get", {
    //   params: {
    //     name: "getyz",
    //     age: 20
    //   }
    // }).then(res => {
    //   console.log(res)
    // }).catch(err => {
    //   console.log(err)
    // })
    // axios.post()

    // all
    const request1 = axios({
      url: "https://httpbin.org/get",
      params: { name: "yz", age: 18}
    })
    const request2 = axios({
      url: "https://httpbin.org/post",
      params: { name: "yz2", age: 28},
      method: "post"
    })
    axios.all([request1, request2]).then(res => {
      console.log(res) 
    }).catch(err => {
      console.log(err)
    })

  }

  render() {
    return (
      <div>
        
      </div>
    )
  }
}
